<template>
  <div class="main">
    <div style="display: none" id="signup_container">
      <div class="header">Become a member of 1x</div>
      <input type="hidden" id="stoken" value="" />
      <input type="hidden" id="splan" value="" />
      <div class="header8_sub">
        In order to get you an 1x account, we need some information about you. Please
        enter real information and do not create duplicate/spam accounts.
      </div>
      <div
        style="margin: 20px 0px 0px 0px; padding-left: 40px; padding-right: 40px"
        class="modal-innersmall2"
      >
        By registering you agree to
        <a href="https://gallery.1x.com/agreements/1-5.php" target="_blank"
          >Member Agreement</a
        >,
        <a href="https://gallery.1x.com/agreements/10-2.php" target="_blank"
          >Privacy Policy</a
        >
        and
        <a href="https://gallery.1x.com/agreements/11-1.php" target="_blank"
          >Terms of Service</a
        >
      </div>

      <div class="signup-modules">
        <div class="signup-module" id="signup-module-email">
          <div
            class="signup-module-header"
            style="opacity: 0"
            id="signup-module-header-email"
          >
            邮箱地址
          </div>
          <div class="signup-module-field" id="signup-module-field-email">
            <table border="0" width="100%" cellpadding="0" cellspacing="0">
              <tbody>
                <tr>
                  <td>
                    <input
                      id="signup-module-input-email"
                      placeholder="邮箱地址"
                      onkeydown="if(event.keyCode==13) { signupProceed('email'); }"
                      onkeyup="if(event.keyCode != 13) { signupRestore('email'); } signuptype('email');"
                    />
                  </td>
                  <td width="70">
                    <span
                      class="signup-module-field-status"
                      id="signup-module-field-status-email"
                    ></span>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="signup-module-subtext" id="signup-module-subtext-email">
            We will e-mail you about events on your account
          </div>
          <input
            type="hidden"
            id="subtext-email"
            value="We will e-mail you about events on your account"
          />
          <div
            class="signup-module-button"
            id="signup-module-button-email"
            style="display: none"
          >
            <span class="button medium jade" @click="signupProceed('email')"
              >Proceed</span
            >
          </div>
        </div>

        <div class="signup-module" style="display: none" id="signup-module-name">
          <div
            class="signup-module-header"
            style="opacity: 0"
            id="signup-module-header-name"
          >
            Your real name
          </div>
          <div class="signup-module-field" id="signup-module-field-name">
            <table border="0" width="100%" cellpadding="0" cellspacing="0">
              <tbody>
                <tr>
                  <td>
                    <input
                      id="signup-module-input-name"
                      placeholder="Your real name"
                      onkeydown="if(event.keyCode==13) { signupProceed('name'); }"
                      onkeyup="if(event.keyCode != 13) { signupRestore('name'); } signuptype('name');"
                    />
                  </td>
                  <td width="70">
                    <span
                      class="signup-module-field-status"
                      id="signup-module-field-status-name"
                    ></span>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="signup-module-subtext" id="signup-module-subtext-name">
            We would prefer your realname but pseudonyms can be ok
          </div>
          <input
            type="hidden"
            id="subtext-name"
            value="We would prefer your realname but pseudonyms can be ok"
          />
          <div
            class="signup-module-button"
            id="signup-module-button-name"
            style="display: none"
          >
            <span class="button medium jade" @click="signupProceed('name')">Proceed</span>
          </div>
        </div>

        <div class="signup-module" style="display: none" id="signup-module-password">
          <div
            class="signup-module-header"
            style="opacity: 0"
            id="signup-module-header-password"
          >
            Password
          </div>
          <div class="signup-module-field" id="signup-module-field-password">
            <table border="0" width="100%" cellpadding="0" cellspacing="0">
              <tbody>
                <tr>
                  <td>
                    <input
                      id="signup-module-input-password"
                      placeholder="Select a password for login"
                      type="password"
                      onkeydown="if(event.keyCode==13) { signupProceed('password'); }"
                      onkeyup="if(event.keyCode != 13) { signupRestore('password'); } signuptype('password');"
                    />
                  </td>
                  <td width="70">
                    <span
                      class="signup-module-field-status"
                      id="signup-module-field-status-password"
                    ></span>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="signup-module-subtext" id="signup-module-subtext-password">
            Must be at least 8 characters long with at least one uppercase letter, number
            and special symbol
          </div>
          <input
            type="hidden"
            id="subtext-password"
            value="Must be at least 8 characters long with at least one uppercase letter, number and special symbol"
          />
          <div
            class="signup-module-button"
            id="signup-module-button-password"
            style="display: none"
          >
            <span class="button medium jade" @click="signupProceed('password')"
              >Proceed</span
            >
          </div>
        </div>

        <div class="signup-module" style="display: none" id="signup-module-username">
          <div
            class="signup-module-header"
            style="opacity: 0"
            id="signup-module-header-username"
          >
            Username
          </div>
          <div class="signup-module-field" id="signup-module-field-username">
            <table border="0" width="100%" cellpadding="0" cellspacing="0">
              <tbody>
                <tr>
                  <td>
                    <span class="signup-url">https://1x.com/</span
                    ><input
                      class="signup-field-username"
                      id="signup-module-input-username"
                      placeholder="username"
                      onkeydown="if(event.keyCode==13) { signupProceed('username'); }"
                      onkeyup="if(event.keyCode != 13) { signupRestore('username'); } this.value = this.value.toLowerCase(); signuptype('username');"
                    />
                  </td>
                  <td width="70">
                    <span
                      class="signup-module-field-status"
                      id="signup-module-field-status-username"
                    ></span>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
          <input
            type="hidden"
            id="subtext-username"
            value="Will be the URL to your profile. Only a-z and 0-9"
          />
          <div class="signup-module-subtext" id="signup-module-subtext-username">
            Will be the URL to your profile. Only a-z and 0-9
          </div>
          <div
            class="signup-module-button"
            id="signup-module-button-username"
            style="display: none"
          >
            <span class="button medium jade" @click="signupProceed('username')"
              >Proceed</span
            >
          </div>
        </div>

        <div class="signup-module" style="display: none" id="signup-module-country">
          <div
            class="signup-module-header"
            style="opacity: 0"
            id="signup-module-header-country"
          >
            Where do you live?
          </div>
          <div class="signup-module-field" id="signup-module-field-country">
            <table border="0" width="100%" cellpadding="0" cellspacing="0">
              <tbody>
                <tr>
                  <td>
                    <select
                      id="signup-module-input-country"
                      onchange="signupRestore('country'); signuptype('country');"
                    >
                      <option value="">Click here to select country</option>
                      <option value="DE">Germany</option>
                      <option value="US">United States</option>
                      <option value="GB">United Kingdom</option>
                      <option value="AF">Afghanistan</option>
                      <option value="AL">Albania</option>
                      <option value="DZ">Algeria</option>
                      <option value="AS">American Samoa</option>
                      <option value="AD">Andorra</option>
                      <option value="AO">Angola</option>
                      <option value="AI">Anguilla</option>
                      <option value="AQ">Antarctica</option>
                      <option value="AG">Antigua and Barbuda</option>
                      <option value="AR">Argentina</option>
                      <option value="AM">Armenia</option>
                      <option value="AW">Aruba</option>
                      <option value="AU">Australia</option>
                      <option value="AT">Austria</option>
                      <option value="AZ">Azerbaijan</option>
                      <option value="BS">Bahamas</option>
                      <option value="BH">Bahrain</option>
                      <option value="BD">Bangladesh</option>
                      <option value="BB">Barbados</option>
                      <option value="BY">Belarus</option>
                      <option value="BE">Belgium</option>
                      <option value="BZ">Belize</option>
                      <option value="BJ">Benin</option>
                      <option value="BM">Bermuda</option>
                      <option value="BT">Bhutan</option>
                      <option value="BO">Bolivia</option>
                      <option value="BA">Bosnia and Herzegovina</option>
                      <option value="BW">Botswana</option>
                      <option value="BV">Bouvet Island</option>
                      <option value="BR">Brazil</option>
                      <option value="IO">British Indian Ocean Territory</option>
                      <option value="BN">Brunei Darussalam</option>
                      <option value="BG">Bulgaria</option>
                      <option value="BF">Burkina Faso</option>
                      <option value="BI">Burundi</option>
                      <option value="KH">Cambodia</option>
                      <option value="CM">Cameroon</option>
                      <option value="CA">Canada</option>
                      <option value="CV">Cape Verde</option>
                      <option value="KY">Cayman Islands</option>
                      <option value="CF">Central African Republic</option>
                      <option value="TD">Chad</option>
                      <option value="CL">Chile</option>
                      <option value="CN">China</option>
                      <option value="CX">Christmas Island</option>
                      <option value="CC">Cocos Islands</option>
                      <option value="CO">Colombia</option>
                      <option value="KM">Comoros</option>
                      <option value="CG">Congo</option>
                      <option value="CD">Congo</option>
                      <option value="CK">Cook Islands</option>
                      <option value="CR">Costa Rica</option>
                      <option value="CI">Cote D'Ivoire</option>
                      <option value="HR">Croatia</option>
                      <option value="CU">Cuba</option>
                      <option value="CY">Cyprus</option>
                      <option value="CZ">Czech Republic</option>
                      <option value="DK">Denmark</option>
                      <option value="DJ">Djibouti</option>
                      <option value="DM">Dominica</option>
                      <option value="DO">Dominican Republic</option>
                      <option value="EC">Ecuador</option>
                      <option value="EG">Egypt</option>
                      <option value="SV">El Salvador</option>
                      <option value="GQ">Equatorial Guinea</option>
                      <option value="ER">Eritrea</option>
                      <option value="EE">Estonia</option>
                      <option value="ET">Ethiopia</option>
                      <option value="FK">Falkland Islands (Malvinas)</option>
                      <option value="FO">Faroe Islands</option>
                      <option value="FJ">Fiji</option>
                      <option value="FI">Finland</option>
                      <option value="FR">France</option>
                      <option value="GF">French Guiana</option>
                      <option value="PF">French Polynesia</option>
                      <option value="TF">French Southern Territories</option>
                      <option value="GA">Gabon</option>
                      <option value="GM">Gambia</option>
                      <option value="GE">Georgia</option>
                      <option value="GH">Ghana</option>
                      <option value="GI">Gibraltar</option>
                      <option value="GR">Greece</option>
                      <option value="GL">Greenland</option>
                      <option value="GD">Grenada</option>
                      <option value="GP">Guadeloupe</option>
                      <option value="GU">Guam</option>
                      <option value="GT">Guatemala</option>
                      <option value="GN">Guinea</option>
                      <option value="GW">Guinea-Bissau</option>
                      <option value="GY">Guyana</option>
                      <option value="HT">Haiti</option>
                      <option value="HM">Heard Island and Mcdonald Islands</option>
                      <option value="VA">Holy See (Vatican City State)</option>
                      <option value="HN">Honduras</option>
                      <option value="HK">Hong Kong</option>
                      <option value="HU">Hungary</option>
                      <option value="IS">Iceland</option>
                      <option value="IN">India</option>
                      <option value="ID">Indonesia</option>
                      <option value="IR">Iran</option>
                      <option value="IQ">Iraq</option>
                      <option value="IE">Ireland</option>
                      <option value="IL">Israel</option>
                      <option value="IT">Italy</option>
                      <option value="JM">Jamaica</option>
                      <option value="JP">Japan</option>
                      <option value="JO">Jordan</option>
                      <option value="KZ">Kazakhstan</option>
                      <option value="KE">Kenya</option>
                      <option value="KI">Kiribati</option>
                      <option value="KP">Korea</option>
                      <option value="KR">Korea</option>
                      <option value="KW">Kuwait</option>
                      <option value="KG">Kyrgyzstan</option>
                      <option value="LA">Laos</option>
                      <option value="LV">Latvia</option>
                      <option value="LB">Lebanon</option>
                      <option value="LS">Lesotho</option>
                      <option value="LR">Liberia</option>
                      <option value="LY">Libyen</option>
                      <option value="LI">Liechtenstein</option>
                      <option value="LT">Lithuania</option>
                      <option value="LU">Luxembourg</option>
                      <option value="MO">Macao</option>
                      <option value="MK">Macedonia</option>
                      <option value="MG">Madagascar</option>
                      <option value="MW">Malawi</option>
                      <option value="MY">Malaysia</option>
                      <option value="MV">Maldives</option>
                      <option value="ML">Mali</option>
                      <option value="MT">Malta</option>
                      <option value="MH">Marshall Islands</option>
                      <option value="MQ">Martinique</option>
                      <option value="MR">Mauritania</option>
                      <option value="MU">Mauritius</option>
                      <option value="YT">Mayotte</option>
                      <option value="MX">Mexico</option>
                      <option value="FM">Micronesia</option>
                      <option value="MD">Moldova</option>
                      <option value="MC">Monaco</option>
                      <option value="MN">Mongolia</option>
                      <option value="MS">Montserrat</option>
                      <option value="MA">Morocco</option>
                      <option value="MZ">Mozambique</option>
                      <option value="MM">Myanmar</option>
                      <option value="NA">Namibia</option>
                      <option value="NR">Nauru</option>
                      <option value="NP">Nepal</option>
                      <option value="NL">Netherlands</option>
                      <option value="AN">Netherlands Antilles</option>
                      <option value="NC">New Caledonia</option>
                      <option value="NZ">New Zealand</option>
                      <option value="NI">Nicaragua</option>
                      <option value="NE">Niger</option>
                      <option value="NG">Nigeria</option>
                      <option value="NU">Niue</option>
                      <option value="NF">Norfolk Island</option>
                      <option value="MP">Northern Mariana Islands</option>
                      <option value="NO">Norway</option>
                      <option value="OM">Oman</option>
                      <option value="PS">Palestine</option>
                      <option value="PK">Pakistan</option>
                      <option value="PW">Palau</option>
                      <option value="PA">Panama</option>
                      <option value="PG">Papua New Guinea</option>
                      <option value="PY">Paraguay</option>
                      <option value="PE">Peru</option>
                      <option value="PH">Philippines</option>
                      <option value="PN">Pitcairn</option>
                      <option value="PL">Poland</option>
                      <option value="PT">Portugal</option>
                      <option value="PR">Puerto Rico</option>
                      <option value="QA">Qatar</option>
                      <option value="RE">Reunion</option>
                      <option value="RO">Romania</option>
                      <option value="RU">Russia</option>
                      <option value="RW">Rwanda</option>
                      <option value="SH">Saint Helena</option>
                      <option value="KN">Saint Kitts and Nevis</option>
                      <option value="LC">Saint Lucia</option>
                      <option value="PM">Saint Pierre and Miquelon</option>
                      <option value="VC">Saint Vincent and the Grenadines</option>
                      <option value="WS">Samoa</option>
                      <option value="SM">San Marino</option>
                      <option value="ST">Sao Tome and Principe</option>
                      <option value="SA">Saudi Arabia</option>
                      <option value="SN">Senegal</option>
                      <option value="CS">Serbia</option>
                      <option value="ME">Montenegro</option>
                      <option value="SC">Seychelles</option>
                      <option value="SL">Sierra Leone</option>
                      <option value="SG">Singapore</option>
                      <option value="SK">Slovakia</option>
                      <option value="SI">Slovenia</option>
                      <option value="SB">Solomon Islands</option>
                      <option value="SO">Somalia</option>
                      <option value="ZA">South Africa</option>
                      <option value="GS">South Georgia</option>
                      <option value="ES">Spain</option>
                      <option value="LK">Sri Lanka</option>
                      <option value="SD">Sudan</option>
                      <option value="SR">Suriname</option>
                      <option value="SJ">Svalbard</option>
                      <option value="SZ">Swaziland</option>
                      <option value="SE">Sweden</option>
                      <option value="CH">Switzerland</option>
                      <option value="SY">Syria</option>
                      <option value="TW">Taiwan</option>
                      <option value="TJ">Tajikistan</option>
                      <option value="TZ">Tanzania</option>
                      <option value="TH">Thailand</option>
                      <option value="TL">Timor-Leste</option>
                      <option value="TG">Togo</option>
                      <option value="TK">Tokelau</option>
                      <option value="TO">Tonga</option>
                      <option value="TT">Trinidad and Tobago</option>
                      <option value="TN">Tunisia</option>
                      <option value="TR">Turkey</option>
                      <option value="TM">Turkmenistan</option>
                      <option value="TC">Turks and Caicos Islands</option>
                      <option value="TV">Tuvalu</option>
                      <option value="UG">Uganda</option>
                      <option value="UA">Ukraine</option>
                      <option value="AE">United Arab Emirates</option>
                      <option value="UM">United States MOI</option>
                      <option value="UY">Uruguay</option>
                      <option value="UZ">Uzbekistan</option>
                      <option value="VU">Vanuatu</option>
                      <option value="VE">Venezuela</option>
                      <option value="VN">Viet Nam</option>
                      <option value="VG">Virgin Islands, British</option>
                      <option value="VI">Virgin Islands, U.s.</option>
                      <option value="WF">Wallis and Futuna</option>
                      <option value="EH">Western Sahara</option>
                      <option value="YE">Yemen</option>
                      <option value="ZM">Zambia</option>
                      <option value="ZW">Zimbabwe</option>
                    </select>
                  </td>
                  <td width="70">
                    <span
                      class="signup-module-field-status"
                      id="signup-module-field-status-country"
                    ></span>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="signup-module-subtext" id="signup-module-subtext-country">
            We need this to give you the right currency and because we are curious
          </div>
          <input
            type="hidden"
            id="subtext-country"
            value="We need this to give you the right currency and because we are curious"
          />
          <div
            class="signup-module-button"
            id="signup-module-button-country"
            style="display: none"
          >
            <span class="button medium jade" @click="signupProceed('country')"
              >Proceed</span
            >
          </div>
        </div>
      </div>

      <div class="signup-button" id="signup-button-do" style="display: none">
        <span class="button big jade" @click="signupExecute()">Join 1x</span>
      </div>

      <div style="height: 50px">&nbsp;</div>
    </div>

    <div id="pro_page" style="">
      <div
        class="newfront-cover1"
        :style="{ backgroundImage: 'url(' + require('../assets/splash04.jpg') + ')' }"
      >
        <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
          <tbody>
            <tr>
              <td>&nbsp;</td>
              <td width="50%">
                <div class="newfront-cover1-header">追求崇高</div>
                <div class="newfront-cover1-text">
                  成为一名摄影师的过程是有趣的、有教育意义的和有回报的。当你达到目标时，已经完成了许多被认为是他们最大成就的事情。
                </div>
                <div class="newfront-cover1-text2">
                  
                  你成为一名出版摄影师的旅程从这里开始。


                </div>
                <div class="newfront-cover1-button">
                  <!-- <span class="newfront-cover1-button" @click="location.href = '/signup'"
                    >Join <span class="themdash">—</span> One month free</span
                  > -->
                </div>
              </td>
            </tr>
          </tbody>
        </table>
      </div>

      <div
        class="newfront-cover1-mob"
        :style="{ backgroundImage: 'url(' + require('../assets/splash04.jpg') + ')' }"
      >
        <div class="newfront-cover1-header">追求崇高</div>
        <div class="newfront-cover1-text">
          成为一名摄影师的过程是有趣的、有教育意义的和有回报的。当你达到目标时，已经完成了许多被认为是他们最大成就的事情。
        </div>
        <div class="newfront-cover1-text2">
          你成为一名出版摄影师的旅程从这里开始。
        </div>
        <!-- <div class="newfront-cover1-button">
          <span class="newfront-cover1-button" @click="model"
            >Join <span class="themdash">—</span> 免费加入</span
          >
        </div> -->
      </div>

      <div class="pro-section-blocks" style="margin: -190px 0px 0px 0px">
        <div class="pro-section-block block-black" id="pro01" style="display: block">
          <div class="pro-section-block1">
            <img
              src="../assets/pro08.jpg"
              class="pro-section-block-image"
              id="pro01image"
            />
          </div>

          <div class="pro-section-block2">
            <div class="pro-section-block2-inner2">
              <div class="pro-section-block2-inner">
                <div class="pro-section-block-header">展示你最好的照片</div>
                <div class="pro-section-block-text">
                  上传你认为最好的照片，你会得到一个独特的作品组合展示。 
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="pro-section-block" id="pro02">
          <div class="pro-section-block1r">
            <img
              src="../assets/pro-04.jpg"
              style="display: inline-block"
              class="pro-section-block-image"
              id="pro02image"
            />
          </div>

          <div class="pro-section-block2r">
            <div class="pro-section-block2-inner2">
              <div class="pro-section-block2-inner">
                <div class="pro-section-block-header">获得详细的反馈</div>
                <div class="pro-section-block-text">
                  通过详细的统计数据和书面反馈，了解客户对你照片的看法。
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="pro-section-block block-black" id="pro03">
          <div class="pro-section-block1">
            <img
              src="../assets/pro-05-5d.jpg"
              class="pro-section-block-image pro-section-block-image-mobup"
              style="display: inline-block"
              id="pro03image"
            />
          </div>

          <div class="pro-section-block2">
            <div class="pro-section-block2-inner2">
              <div class="pro-section-block2-inner">
                <div class="pro-section-block-header">创建自己的展览</div>
                <div class="pro-section-block-text">
                  使用我们强大的展示工具，将照片、标题和文本以吸引人的方式排列在一起。没有比展示照片和讲述故事更好的方法了。
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="pro-section-block" id="pro05">
          <div class="pro-section-block1r">
            <img
              src="../assets/pro06-4.jpg"
              class="pro-section-block-image pro-section-block-image-up"
              style="display: inline-block"
              id="pro05image"
            />
          </div>

          <div class="pro-section-block2r">
            <div class="pro-section-block2-inner2">
              <div class="pro-section-block2-inner">
                <div class="pro-section-block-header">出售印刷品</div>
                <div class="pro-section-block-text">
                  通过雄丽广告本地印刷经销商网络销售壁饰。您将获得50%的版税，每3个月支付一次。
                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- <div class="pro-section-block block-black" id="pro06"> -->
          <!-- <div class="pro-section-block1">
            <img
              src="../assets/front-cert4.jpg"
              class="pro-section-block-image"
              style="display: inline-block"
              id="pro06image"
            />
          </div> -->

          <!-- <div class="pro-section-block2">
            <div class="pro-section-block2-inner2">
              <div class="pro-section-block2-inner">
                <div class="pro-section-block-header pro-section-block-header-up">
                  Certificates
                </div>
                <div class="pro-section-block-text">
                  At certain points throughout your journey on 1x you will get official
                  certificates that can be used to show people that you are a skilled
                  photographer. They can be verified using a QR code to prove
                  authenticity. Perfect for your CV.
                </div>
              </div>
            </div>
          </div> -->
        <!-- </div> -->
      </div>

      <div style="padding: 50px 0px 0px 0px; clear: both">
        <!-- <div class="header8" style="margin: 30px 0px 20px 0px">
          免费
          <div>
             <i><b>永久</b></i>
          </div>
        </div> -->
        <!-- <div class="free_trial_sub">
          All PRO memberships comes with a one month free trial. If you do not wish to
          continue as PRO, you can cancel anytime during the first month and pay nothing.
        </div> -->
        <div class="pro-box-buy">
          <!-- <div class="pro-box-buy-1 animated fadeInDown">
            <div class="pro-box-buy-header">Monthly</div>
            <div class="pro-box-buy-desc">If you just want to try.</div>
            <div class="pro-box-buy-freethen">One month free, then</div>
            <div class="pro-box-buy-price">
              9.99<span class="pro-box-buy-month">/mo</span>
            </div>
            <div class="pro-box-button">
              <span @click="startsignup('1tr', event)" class="button medium jade"
                >Sign up as PRO</span
              >
            </div>
            <div class="pro-box-buy-desc2">One month free then 9.99 once per month</div>
          </div> -->
          <!-- <div class="pro-box-buy-2 animated fadeInDown">
            <div class="pro-box-buy-save">Save 40%</div>
            <div class="pro-box-buy-header">Yearly</div>
            <div class="pro-box-buy-desc">Best value, lowest price.</div>
            <div class="pro-box-buy-freethen">One month free, then</div>
            <div class="pro-box-buy-price">
              5.99<span class="pro-box-buy-month">/mo</span>
            </div>
            <div class="pro-box-button">
              <span @click="startsignup('12tr', event)" class="button medium jade"
                >Sign up as PRO</span
              >
            </div>
            <div class="pro-box-buy-desc2">One month free then 71.88 once per year</div>
          </div> -->
          <!-- <div class="pro-box-buy-3 animated fadeInDown">
            <div class="pro-box-buy-save2">Save 20%</div>
            <div class="pro-box-buy-header">Quarterly</div>
            <div class="pro-box-buy-desc">Good value and short cancellation.</div>
            <div class="pro-box-buy-freethen">One month free, then</div>
            <div class="pro-box-buy-price">
              7.99<span class="pro-box-buy-month">/mo</span>
            </div>
            <div class="pro-box-button">
              <span @click="startsignup('3tr', event)" class="button medium jade"
                >Sign up as PRO</span
              >
            </div>
            <div class="pro-box-buy-desc2">One month free then 23.97 every 3 months</div>
          </div> -->
        </div>
        <div style="margin: -40px 0px 30px 0px; text-align: center">
          <div class="pro-box-buy-3-free pro-box-buy-3 animated fadeInDown">
            <div class="pro-box-buy-header">免费加入</div>
            <div
              class="pro-box-buy-desc"
              style="padding: 0px 20px 0px 20px; line-height: 1.3em"
            >
             使用免费的帐号，可以上传照片，收集收藏，
             获得印刷品销售收益，并从其他摄影师那里获得策展照片。
            </div>
            <div
              @click="scrollto('pro_feat_compare', 100)"
              style="
                cursor: pointer;
                font-family: Proxima-Nova;
                font-weight: 600;
                text-align: center;
                margin: 10px 0px 10px 0px;
              "
            >
              <!-- <span style="border-bottom: 1px solid #000; padding: 0px 0px 3px 0px"
                >Compare Free and PRO</span
              > -->
            </div>
            <div class="pro-box-button">
              <span @click="startsignup('free', event)" class="button medium jade"
                >免费加入</span
              >
            </div>
          </div>
        </div>
      </div>

      <div class="newfront-popular">
        <div class="newfront-stay-loop">
          <div class="header7">保持联系</div>
          <div id="newsletter_target">
            <div class="subheader">
              还没想好注册? 留下电子邮箱，我们会主动联系你。
            </div>
            <div style="margin: 30px 0px 0px 0px">
              <input
                style="width: 300px"
                class="tag-answer-freetext"
                type="text"
                id="signup_newsletter"
                placeholder="在此留下你的邮箱地址"
              />
              <div style="padding: 30px 0px 0px 0px">
                <span class="button medium lightgrey" @click="signupnewsletter()"
                  >加入</span
                >
              </div>
            </div>
          </div>
        </div>

        <div class="header header-mobile-top">受喜爱的</div>
        <div class="subheader" style="margin: -10px 0px 30px 0px">
          我们社区最新最受欢迎的策展照片
        </div>

        <div class="header-navi">
          <span class="header-navi-item">
            Popular
            <span class="downarrow">
              <img src="../assets/d.png" />
            </span>
            <div class="header-navi-item-submenu">
              <div class="header-navi-item-submenu-item">
                <a href="/gallery">最新</a>
              </div>
              <div
                class="header-navi-item-submenu-item header-navi-item-submenu-item-active"
              >
                <a href="/gallery/popular">最受欢迎</a>
              </div>
              <div class="header-navi-item-submenu-item">
                <a href="/gallery/published">最新发布</a>
              </div>
              <div class="header-navi-item-submenu-item">
                <a href="/gallery/abstract">摘要</a>
              </div>
              <div class="header-navi-item-submenu-item">
                <a href="/gallery/action">行动</a>
              </div>
              <div class="header-navi-item-submenu-item">
                <a href="/gallery/animals">动物</a>
              </div>
              <div class="header-navi-item-submenu-item">
                <a href="/gallery/architecture">建筑学</a>
              </div>
              <div class="header-navi-item-submenu-item">
                <a href="/gallery/conceptual">概念</a>
              </div>
              <div class="header-navi-item-submenu-item">
                <a href="/gallery/creative-edit">创造性编辑</a>
              </div>
              <div class="header-navi-item-submenu-item">
                <a href="/gallery/documentary">记录片</a>
              </div>
              <div class="header-navi-item-submenu-item">
                <a href="/gallery/everyday">日常</a>
              </div>
              <div class="header-navi-item-submenu-item">
                <a href="/gallery/fine-art-nude">艺术</a>
              </div>
              <div class="header-navi-item-submenu-item">
                <a href="/gallery/humour">幽默</a>
              </div>
              <div class="header-navi-item-submenu-item">
                <a href="/gallery/landscape">景观</a>
              </div>
              <div class="header-navi-item-submenu-item">
                <a href="/gallery/macro">微距</a>
              </div>
              <div class="header-navi-item-submenu-item">
                <a href="/gallery/mood">情绪</a>
              </div>
              <div class="header-navi-item-submenu-item">
                <a href="/gallery/night">夜</a>
              </div>
              <div class="header-navi-item-submenu-item">
                <a href="/gallery/performance">表演</a>
              </div>
              <div class="header-navi-item-submenu-item">
                <a href="/gallery/portrait">肖像</a>
              </div>
              <div class="header-navi-item-submenu-item">
                <a href="/gallery/still-life">静物</a>
              </div>
              <div class="header-navi-item-submenu-item">
                <a href="/gallery/street">街头</a>
              </div>
              <div class="header-navi-item-submenu-item">
                <a href="/gallery/underwater">水下</a>
              </div>
              <div class="header-navi-item-submenu-item">
                <a href="/gallery/wildlife">野生动物</a>
              </div>
            </div>
          </span>
          <span @click="displaymode('flow')" class="view-option view-option-active">
            <span class="view-option-icon"><i class="fas fa-stop"></i></span>
            <span class="view-option-label">Flow</span>
          </span>
          <span @click="displaymode('thumbs')" class="view-option">
            <span class="view-option-icon"><i class="fas fa-th"></i></span>
            <span class="view-option-label">Thumbs</span>
          </span>
        </div>

        <div class="photos-feed photos-feed-front" id="photos-feed">
          <div id="imgcontainer-2218990" class="photos-feed-item">
            <div id="imgcontainersecondary-2218990" class="photos-feed-landscape-2">
              <table cellpadding="0" cellspacing="0" class="photos-feed-item" border="0">
                <tbody>
                  <tr>
                    <td @click="openPhotoSafe('2218990')">
                      <img
                        id="img-2218990"
                        oncontextmenu="alert('This photo is copyrighted'); return false"
                        class="photos-feed-image photos-feed-image-landscape"
                        src="https://seuppcdn01.1x.com/images/user/af7ef8cd06d6ec25ebc393cbe41ef5ca-hd2.jpg"
                        onerror="this.src='https://seuppcdn01.1x.com/images/user/af7ef8cd06d6ec25ebc393cbe41ef5ca-hd.jpg';"
                      />
                      <div
                        class="photos-feed-data-horizontal-landscape dataalign-2 alldataopen alldata-2218990"
                      >
                        <span
                          style=""
                          class="photos-feed-item-heart"
                          @click="like('2218990')"
                          ><input type="hidden" id="likestate-2218990" value="0" /><i
                            class="far fa-heart"
                            id="heart-2218990"
                          ></i></span
                        ><span
                          @click="
                            location.href =
                              'https://1xondemand.com/featured/switch.html?catalogid=2218990'
                          "
                          id="buyprintlink-2218990"
                          class="photos-feed-item-buyprint"
                          >Buy print</span
                        ><span class="horiz-hide"
                          ><span class="photos-feed-data-name"
                            ><a href="/Yancha10">Dani Otero Sobrino</a></span
                          >
                          <span
                            style="display: none !important"
                            class="photos-feed-data-published"
                          ></span
                        ></span>
                      </div>
                      <div
                        id="imgdata-2218990"
                        class="photos-feed-item-buyprint alldataopen alldata-2218990 alldataextra"
                      >
                        Buy print
                      </div>
                    </td>
                    <td
                      class="photos-feed-data alldataopen alldata-2218990"
                      width=""
                      valign="bottom"
                    >
                      <div class="photos-feed-data alldataopen alldata-2218990">
                        <span class="photos-feed-data-title">Amsterdam Simetrico</span>
                        <span class="photos-feed-data-name"
                          ><a href="/Yancha10">Dani Otero Sobrino</a></span
                        >
                        <span
                          style="display: none !important"
                          class="photos-feed-data-published"
                        ></span>
                      </div>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div id="photodata-2218990"></div>
          </div>
          <div id="imgcontainer-2217573" class="photos-feed-item">
            <div id="imgcontainersecondary-2217573" class="photos-feed-landscape-1">
              <table cellpadding="0" cellspacing="0" class="photos-feed-item" border="0">
                <tbody>
                  <tr>
                    <td @click="openPhotoSafe('2217573')">
                      <img
                        id="img-2217573"
                        oncontextmenu="alert('This photo is copyrighted'); return false"
                        class="photos-feed-image photos-feed-image-landscape"
                        src="https://seuppcdn01.1x.com/images/user/23979ced8df1f8e6d524427ef4c6ad25-hd4.jpg"
                        onerror="this.src='https://seuppcdn01.1x.com/images/user/23979ced8df1f8e6d524427ef4c6ad25-hd.jpg';"
                      />
                      <div
                        class="photos-feed-data-horizontal-landscape dataalign-1 alldataopen alldata-2217573"
                      >
                        <span
                          style=""
                          class="photos-feed-item-heart"
                          @click="like('2217573')"
                          ><input type="hidden" id="likestate-2217573" value="0" /><i
                            class="far fa-heart"
                            id="heart-2217573"
                          ></i></span
                        ><span class="horiz-hide"
                          ><span class="photos-feed-data-name"
                            ><a href="/hwhawerkamp">Hans-Wolfgang Hawerkamp</a></span
                          >
                          <span
                            style="display: none !important"
                            class="photos-feed-data-published"
                          ></span
                        ></span>
                      </div>
                      <div
                        id="imgdata-2217573"
                        class="photos-feed-item-buyprint alldataopen alldata-2217573 alldataextra"
                      >
                        Buy print
                      </div>
                    </td>
                    <td
                      class="photos-feed-data alldataopen alldata-2217573"
                      width=""
                      valign="bottom"
                    >
                      <div class="photos-feed-data alldataopen alldata-2217573">
                        <span class="photos-feed-data-title">Parking Space</span>
                        <span class="photos-feed-data-name"
                          ><a href="/hwhawerkamp">Hans-Wolfgang Hawerkamp</a></span
                        >
                        <span
                          style="display: none !important"
                          class="photos-feed-data-published"
                        ></span>
                      </div>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div id="photodata-2217573">
              <div class="photo-detail">
                <div class="photo-detail-header">Parking Space</div>
                <div class="photo-detail-author">
                  By
                  <a href="/hwhawerkamp" class="photo-detail-author-name"
                    >Hans-Wolfgang Hawerkamp</a
                  >
                  in
                  <a href="/gallery/street" class="photo-detail-author-exhibition"
                    >Street</a
                  >
                </div>
                <div class="photo-detail-like">
                  <span class="photos-feed-item-heart" @click="like('2217573')"
                    ><i class="far fa-heart" id="heart2-2217573"></i
                  ></span>
                  <span
                    class="photo-detail-likecount"
                    id="likecount-2217573"
                    @click="modal('likes:2217573', '1')"
                    >68</span
                  >
                </div>
                <!-- <div class="photo-detail-info">"Lanzarote 2022"</div>
                <div class="photo-detail-awarded">
                  <div class="photo-detail-awarded-icon">
                    <img src="../assets/awarded-r3.png" />
                  </div>
                  <div class="photo-detail-awarded-label">
                    This photo has been awarded by the Head Curators
                  </div>
                </div> -->
                <!-- <div class="photo-detail-comments" id="comments-2217573">
                  <div class="photo-detail-comment" id="comment-7265707">
                    <div class="photo-detail-comment-name">
                      <a href="/alfredo12">Alfredo Sanchez</a>
                      <span class="pro-label-medium" @click="location.href = '/subscribe'"
                        >PRO</span
                      >
                    </div>
                    <div class="photo-detail-comment-text">
                      A very unique and minimalist image my dear
                      Hans......................Love it!!!!!!!!!
                    </div>
                  </div>
                  <div
                    id="photo-detail-replies-2217573-7265707"
                    class="photo-detail-comment-replies"
                    style="display: none"
                  ></div>
                  <div class="photo-detail-comment" id="comment-7265628">
                    <div class="photo-detail-comment-name">
                      <a href="/Streiff">Streiff Marcel</a>
                      <span class="pro-label-medium" @click="location.href = '/subscribe'"
                        >PRO</span
                      >
                    </div>
                    <div class="photo-detail-comment-text">
                      Wunderbar komponierte Graphik, gratuliere lieber Wolfgang !
                    </div>
                  </div>
                  <div
                    id="photo-detail-replies-2217573-7265628"
                    class="photo-detail-comment-replies"
                    style="display: none"
                  ></div>
                  <div class="photo-detail-comment" id="comment-7265498">
                    <div class="photo-detail-comment-name">
                      <a href="/yanzhang080">Yan Zhang</a>
                      <span class="pro-label-medium" @click="location.href = '/subscribe'"
                        >PRO</span
                      >
                    </div>
                    <div class="photo-detail-comment-text">Great shot.</div>
                  </div>
                  <div
                    id="photo-detail-replies-2217573-7265498"
                    class="photo-detail-comment-replies"
                    style="display: none"
                  ></div>
                </div> -->
                <div
                  class="photo-detail-comment-all animated fadeIn"
                  id="photo-detail-comment-all-2217573"
                  style="display: none"
                >
                  <div class="photo-detail-comment" id="comment-7265427">
                    <div class="photo-detail-comment-name">
                      <a href="/souvikb">Souvik Banerjee</a>
                      <span class="pro-label-medium" @click="location.href = '/subscribe'"
                        >CREW</span
                      >
                    </div>
                    <div class="photo-detail-comment-text">
                      Excellent shot. Congratulations!
                    </div>
                  </div>
                  <div
                    id="photo-detail-replies-2217573-7265427"
                    class="photo-detail-comment-replies"
                  >
                    <div class="photo-detail-comment-reply">
                      <div class="photo-detail-comment-name-reply">
                        Hans-Wolfgang Hawerkamp
                        <span
                          class="pro-label-small"
                          @click="location.href = '/subscribe'"
                          >PRO</span
                        >
                      </div>
                      <div class="photo-detail-comment-text-reply">
                        thanks a lot dear friend Souvik, much appreciated
                      </div>
                    </div>
                  </div>
                  <div class="photo-detail-comment" id="comment-7265405">
                    <div class="photo-detail-comment-name">
                      <a href="/fadelsanto">Francesco Del Santo</a>
                      <span class="pro-label-medium" @click="location.href = '/subscribe'"
                        >PRO</span
                      >
                    </div>
                    <div class="photo-detail-comment-text">
                      Congrats, dear Hans. Impeccable work, skillfully composed and
                      processed, as always.
                    </div>
                  </div>
                  <div
                    id="photo-detail-replies-2217573-7265405"
                    class="photo-detail-comment-replies"
                  >
                    <div class="photo-detail-comment-reply">
                      <div class="photo-detail-comment-name-reply">
                        Hans-Wolfgang Hawerkamp
                        <span
                          class="pro-label-small"
                          @click="location.href = '/subscribe'"
                          >PRO</span
                        >
                      </div>
                      <div class="photo-detail-comment-text-reply">
                        thanks a lot dear friend Francesco, much appreciated
                      </div>
                    </div>
                  </div>
                  <div class="photo-detail-comment" id="comment-7265342">
                    <div class="photo-detail-comment-name">
                      <a href="/lagrange">Luc Vangindertael (laGrange)</a>
                      <span class="pro-label-medium" @click="location.href = '/subscribe'"
                        >CREW</span
                      >
                    </div>
                    <div class="photo-detail-comment-text">
                      Fine Graphical work dear friend. Congratulations
                    </div>
                  </div>
                  <div
                    id="photo-detail-replies-2217573-7265342"
                    class="photo-detail-comment-replies"
                  >
                    <div class="photo-detail-comment-reply">
                      <div class="photo-detail-comment-name-reply">
                        Hans-Wolfgang Hawerkamp
                        <span
                          class="pro-label-small"
                          @click="location.href = '/subscribe'"
                          >PRO</span
                        >
                      </div>
                      <div class="photo-detail-comment-text-reply">
                        thanks a lot dear friend Luc, much appreciated
                      </div>
                    </div>
                  </div>
                  <div class="photo-detail-comment" id="comment-7265171">
                    <div class="photo-detail-comment-name">
                      <a href="/chrishamilton2">Chris Hamilton</a>
                      <span class="pro-label-medium" @click="location.href = '/subscribe'"
                        >PRO</span
                      >
                    </div>
                    <div class="photo-detail-comment-text">
                      Great scene and abstract look.
                    </div>
                  </div>
                  <div
                    id="photo-detail-replies-2217573-7265171"
                    class="photo-detail-comment-replies"
                  >
                    <div class="photo-detail-comment-reply">
                      <div class="photo-detail-comment-name-reply">
                        Hans-Wolfgang Hawerkamp
                        <span
                          class="pro-label-small"
                          @click="location.href = '/subscribe'"
                          >PRO</span
                        >
                      </div>
                      <div class="photo-detail-comment-text-reply">
                        thanks a lot dear friend Chris, have a nice sunday
                      </div>
                    </div>
                  </div>
                  <div class="photo-detail-comment" id="comment-7265123">
                    <div class="photo-detail-comment-name">
                      <a href="/DavidMan">David Manusevich</a>
                      <span class="pro-label-medium" @click="location.href = '/subscribe'"
                        >PRO</span
                      >
                    </div>
                    <div class="photo-detail-comment-text">Excellent work</div>
                  </div>
                  <div
                    id="photo-detail-replies-2217573-7265123"
                    class="photo-detail-comment-replies"
                  >
                    <div class="photo-detail-comment-reply">
                      <div class="photo-detail-comment-name-reply">
                        Hans-Wolfgang Hawerkamp
                        <span
                          class="pro-label-small"
                          @click="location.href = '/subscribe'"
                          >PRO</span
                        >
                      </div>
                      <div class="photo-detail-comment-text-reply">
                        thanks a lot dear friend David, have a nice sunday
                      </div>
                    </div>
                  </div>
                  <div class="photo-detail-comment" id="comment-7263373">
                    <div class="photo-detail-comment-name">
                      <a href="/nuelle">Nuelle Flipse</a>
                      <span class="pro-label-medium" @click="location.href = '/subscribe'"
                        >PRO</span
                      >
                    </div>
                    <div class="photo-detail-comment-text">Just Briljant!!!!</div>
                  </div>
                  <div
                    id="photo-detail-replies-2217573-7263373"
                    class="photo-detail-comment-replies"
                  >
                    <div class="photo-detail-comment-reply">
                      <div class="photo-detail-comment-name-reply">
                        Hans-Wolfgang Hawerkamp
                        <span
                          class="pro-label-small"
                          @click="location.href = '/subscribe'"
                          >PRO</span
                        >
                      </div>
                      <div class="photo-detail-comment-text-reply">
                        I love your wonderful creative work with your dogs so much, I
                        missed it for such a long time
                      </div>
                    </div>
                    <div class="photo-detail-comment-reply">
                      <div class="photo-detail-comment-name-reply">
                        Nuelle Flipse
                        <span
                          class="pro-label-small"
                          @click="location.href = '/subscribe'"
                          >PRO</span
                        >
                      </div>
                      <div class="photo-detail-comment-text-reply">
                        Thank you Hans! i have been away for some time ;-) Love your
                        photos!
                      </div>
                    </div>
                    <div class="photo-detail-comment-reply">
                      <div class="photo-detail-comment-name-reply">
                        Hans-Wolfgang Hawerkamp
                        <span
                          class="pro-label-small"
                          @click="location.href = '/subscribe'"
                          >PRO</span
                        >
                      </div>
                      <div class="photo-detail-comment-text-reply">
                        thanks a lot dear Nuelle, I am happy to get your attention again
                      </div>
                    </div>
                  </div>
                </div>
                <!-- <div
                  class="photo-detail-comments-showall"
                  id="photo-detail-comments-showall-2217573"
                  @click="
                    document.getElementById(
                      'photo-detail-comments-showall-2217573'
                    ).style.display = 'none';
                    document.getElementById(
                      'photo-detail-comment-all-2217573'
                    ).style.display = 'block';
                  "
                >
                  View all 9 comments
                </div> -->
              </div>
              <div class="photo-detail-morefrom">
                More from
                <a href="/hwhawerkamp" class="photo-detail-author-name"
                  >Hans-Wolfgang Hawerkamp</a
                >
                <span class="photo-detail-published"></span>
              </div>
              <div class="photo-detail-morefrom-spinner" id="spinner-2217573">
                <table border="0" cellpadding="0" cellspacing="0">
                  <tbody>
                    <tr>
                      <td class="faux-image-td" valign="top">
                        <div class="faux-image" id="faux-2217573"><img src="" /></div>
                      </td>
                      <td class="photo-detail-morefrom-spinner-inside" valign="top">
                        <div
                          class="photo-detail-morefrom-spinner-inside"
                          id="spinner-2217573-1"
                        >
                         <a  href="/#/views/photo"
                            <img
                             @click="showpoto" src="https://seuppcdn01.1x.com/images/user/40952100b8747a44fd0a47720f6890b8-ld.jpg"
                          /></a>
                          
                          <div
                            class="photo-detail-morefrom-spinner-inside-title title-count-1"
                          >
                            Wasserburg
                          </div>
                        </div>
                      </td>
                      <td class="photo-detail-morefrom-spinner-inside" valign="top">
                        <div
                          class="photo-detail-morefrom-spinner-inside"
                          id="spinner-2217573-2"
                        >
                          <a  href="/#/views/photo"
                            ><img
                            @click="showpoto"  src="https://seuppcdn01.1x.com/images/user/5df0b7acd38f1248c412840a20d2b83e-ld.jpg"
                          /></a>
                          <div
                            class="photo-detail-morefrom-spinner-inside-title title-count-2"
                          >
                            Slow Speed
                          </div>
                        </div>
                      </td>
                      <td class="photo-detail-morefrom-spinner-inside" valign="top">
                        <div
                          class="photo-detail-morefrom-spinner-inside"
                          id="spinner-2217573-3"
                        >
                          <a  href="/#/views/photo"
                            ><img
                            @click="showpoto"  src="https://seuppcdn01.1x.com/images/user/106764b4e18d273bf205f1ad8f8ad394-ld.jpg"
                          /></a>
                          <div
                            class="photo-detail-morefrom-spinner-inside-title title-count-3"
                          >
                            Sweep
                          </div>
                        </div>
                      </td>
                      <td class="photo-detail-morefrom-spinner-inside" valign="top">
                        <div
                          class="photo-detail-morefrom-spinner-inside"
                          id="spinner-2217573-4"
                        >
                         <a  href="/#/views/photo"
                            ><img
                            @click="showpoto"   src="https://seuppcdn01.1x.com/images/user/be71c903f412d8d9f328ae63afd9d542-ld.jpg"
                          /></a>
                          <div
                            class="photo-detail-morefrom-spinner-inside-title title-count-4"
                          >
                            Cefalu
                          </div>
                        </div>
                      </td>
                      <td class="photo-detail-morefrom-spinner-inside" valign="top">
                        <div
                          class="photo-detail-morefrom-spinner-inside"
                          id="spinner-2217573-5"
                        >
                         <a  href="/#/views/photo"
                            ><img
                            @click="showpoto"  src="https://seuppcdn01.1x.com/images/user/f76fb6cada12b7e6e2299a2d46b03651-ld.jpg"
                          /></a>
                          <div
                            class="photo-detail-morefrom-spinner-inside-title title-count-5"
                          >
                            Hotel Front
                          </div>
                        </div>
                      </td>
                      <td class="photo-detail-morefrom-spinner-inside" valign="top">
                        <div
                          class="photo-detail-morefrom-spinner-inside"
                          id="spinner-2217573-6"
                        >
                         <a  href="/#/views/photo"
                            ><img
                            @click="showpoto"   src="https://seuppcdn01.1x.com/images/user/b74c191562e359af4636b6e481b6fc9e-ld.jpg"
                          /></a>
                          <div
                            class="photo-detail-morefrom-spinner-inside-title title-count-6"
                          >
                            Stairs
                          </div>
                        </div>
                      </td>
                      <td class="photo-detail-morefrom-spinner-inside" valign="top">
                        <div
                          class="photo-detail-morefrom-spinner-inside"
                          id="spinner-2217573-7"
                        >
                         <a  href="/#/views/photo"
                            ><img
                            @click="showpoto"    src="https://seuppcdn01.1x.com/images/user/ec74481eea65c774e5958e3f851c4439-ld.jpg"
                          /></a>
                          <div
                            class="photo-detail-morefrom-spinner-inside-title title-count-7"
                          >
                            Rockin´ Facade
                          </div>
                        </div>
                      </td>
                      <td class="photo-detail-morefrom-spinner-inside" valign="top">
                        <div
                          class="photo-detail-morefrom-spinner-inside"
                          id="spinner-2217573-8"
                        >
                         <a  href="/#/views/photo"
                            ><img
                            @click="showpoto"   src="https://seuppcdn01.1x.com/images/user/d59d6e26302646abb2394c8fe68399b0-ld.jpg"
                          /></a>
                          <div
                            class="photo-detail-morefrom-spinner-inside-title title-count-8"
                          >
                            Atlantic Urbanity
                          </div>
                        </div>
                      </td>
                      <td class="photo-detail-morefrom-spinner-inside" valign="top">
                        <div
                          class="photo-detail-morefrom-spinner-inside"
                          id="spinner-2217573-9"
                        >
                         <a  href="/#/views/photo"
                            ><img
                            @click="showpoto"   src="https://seuppcdn01.1x.com/images/user/f85f5c8366a182da2bb5792ca94afe00-ld.jpg"
                          /></a>
                          <div
                            class="photo-detail-morefrom-spinner-inside-title title-count-9"
                          >
                            Funchal Reflected
                          </div>
                        </div>
                      </td>
                      <td class="photo-detail-morefrom-spinner-inside" valign="top">
                        <div
                          class="photo-detail-morefrom-spinner-inside"
                          id="spinner-2217573-10"
                        >
                         <a  href="/#/views/photo"
                            ><img
                            @click="showpoto"     src="https://seuppcdn01.1x.com/images/user/343afe5e248905caf99443794d137f0a-ld.jpg"
                          /></a>
                          <div
                            class="photo-detail-morefrom-spinner-inside-title title-count-10"
                          >
                            Waterfront Wall
                          </div>
                        </div>
                      </td>
                      <td class="photo-detail-morefrom-spinner-inside" valign="top">
                        <div
                          class="photo-detail-morefrom-spinner-inside"
                          id="spinner-2217573-11"
                        >
                         <a  href="/#/views/photo"
                            ><img
                            @click="showpoto"     src="https://seuppcdn01.1x.com/images/user/5fa60f3ae7eb0ff38c8f6ed79732b46c-ld.jpg"
                          /></a>
                          <div
                            class="photo-detail-morefrom-spinner-inside-title title-count-11"
                          >
                            Three House
                          </div>
                        </div>
                      </td>
                      <td class="photo-detail-morefrom-spinner-inside" valign="top">
                        <div
                          class="photo-detail-morefrom-spinner-inside"
                          id="spinner-2217573-12"
                        >
                         <a  href="/#/views/photo"
                            ><img
                            @click="showpoto"     src="https://seuppcdn01.1x.com/images/user/6f2c0546d731fa7698bcd8a624a55f4c-ld.jpg"
                          /></a>
                          <div
                            class="photo-detail-morefrom-spinner-inside-title title-count-12"
                          >
                            Torshavn Offices
                          </div>
                        </div>
                      </td>
                      <td class="photo-detail-morefrom-spinner-inside" valign="top">
                        <div
                          class="photo-detail-morefrom-spinner-inside"
                          id="spinner-2217573-13"
                        >
                         <a  href="/#/views/photo"
                            ><img
                            @click="showpoto"     src="https://seuppcdn01.1x.com/images/user/f2f2b4280764e93a9510062074ec32e4-ld.jpg"
                          /></a>
                          <div
                            class="photo-detail-morefrom-spinner-inside-title title-count-13"
                          >
                            Tubes
                          </div>
                        </div>
                      </td>
                      <td class="photo-detail-morefrom-spinner-inside" valign="top">
                        <div
                          class="photo-detail-morefrom-spinner-inside"
                          id="spinner-2217573-14"
                        >
                         <a  href="/#/views/photo"
                            ><img
                            @click="showpoto"      src="https://seuppcdn01.1x.com/images/user/d21e453f855c51b0162f248a95cb0deb-ld.jpg"
                          /></a>
                          <div
                            class="photo-detail-morefrom-spinner-inside-title title-count-14"
                          >
                            Shadowlamp
                          </div>
                        </div>
                      </td>
                      <td class="photo-detail-morefrom-spinner-inside" valign="top">
                        <div
                          class="photo-detail-morefrom-spinner-inside"
                          id="spinner-2217573-15"
                        >
                        <a  href="/#/views/photo"
                            ><img
                            @click="showpoto"      src="https://seuppcdn01.1x.com/images/user/4fd89af6a5c7a4e6facfc63e1e5829d7-ld.jpg"
                          /></a>
                          <div
                            class="photo-detail-morefrom-spinner-inside-title title-count-15"
                          >
                            MP Ensemble
                          </div>
                        </div>
                      </td>
                      <td class="photo-detail-morefrom-spinner-inside" valign="top">
                        <div
                          class="photo-detail-morefrom-spinner-inside"
                          id="spinner-2217573-16"
                        >
                         <a  href="/#/views/photo"
                            ><img
                            @click="showpoto"    src="https://seuppcdn01.1x.com/images/user/ad7987038d42de985fb9fc2ffcd3402d-ld.jpg"
                          /></a>
                          <div
                            class="photo-detail-morefrom-spinner-inside-title title-count-16"
                          >
                            Facade Art
                          </div>
                        </div>
                      </td>
                      <td class="photo-detail-morefrom-spinner-inside" valign="top">
                        <div
                          class="photo-detail-morefrom-spinner-inside"
                          id="spinner-2217573-17"
                        >
                         <a  href="/#/views/photo"
                            ><img
                            @click="showpoto"     src="https://seuppcdn01.1x.com/images/user/b0b9e5697e65ee046371c1dcaa9f4b89-ld.jpg"
                          /></a>
                          <div
                            class="photo-detail-morefrom-spinner-inside-title title-count-17"
                          >
                            Open
                          </div>
                        </div>
                      </td>
                      <td class="photo-detail-morefrom-spinner-inside" valign="top">
                        <div
                          class="photo-detail-morefrom-spinner-inside"
                          id="spinner-2217573-18"
                        >
                          <a  href="/#/views/photo"
                            ><img
                            @click="showpoto"      src="https://seuppcdn01.1x.com/images/user/9f13b0688bc8b2747b370fdda95b7076-ld.jpg"
                          /></a>
                          <div
                            class="photo-detail-morefrom-spinner-inside-title title-count-18"
                          >
                            Lines and Shadows
                          </div>
                        </div>
                      </td>
                      <td class="photo-detail-morefrom-spinner-inside" valign="top">
                        <div
                          class="photo-detail-morefrom-spinner-inside"
                          id="spinner-2217573-19"
                        >
                         <a  href="/#/views/photo"
                            ><img
                            @click="showpoto"     src="https://seuppcdn01.1x.com/images/user/197b48d06cd6055681c750a894a6b528-ld.jpg"
                          /></a>
                          <div
                            class="photo-detail-morefrom-spinner-inside-title title-count-19"
                          >
                            Battle of Windows
                          </div>
                        </div>
                      </td>
                      <td class="photo-detail-morefrom-spinner-inside" valign="top">
                        <div
                          class="photo-detail-morefrom-spinner-inside"
                          id="spinner-2217573-20"
                        >
                         <a  href="/#/views/photo"
                            ><img
                            @click="showpoto"     src="https://seuppcdn01.1x.com/images/user/e40ecf36f29e30cb0e4db2f97c29c08a-ld.jpg"
                          /></a>
                          <div
                            class="photo-detail-morefrom-spinner-inside-title title-count-20"
                          >
                            BiSection
                          </div>
                        </div>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <!-- <div class="photo-detail-share">
                分享
                <span class="photo-detail-share-icons"
                  ><a
                    href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fgamma.1x.com%2Fphoto%2F2217573"
                    target="_blank"
                    ><span class="photo-detail-share-icon"
                      ><i class="fab fa-facebook-square"></i></span></a
                  ><a
                    href="https://twitter.com/intent/tweet?text=https%3A%2F%2Fgamma.1x.com%2Fphoto%2F2217573"
                    target="_blank"
                    ><span class="photo-detail-share-icon"
                      ><i class="fab fa-twitter-square"></i></span></a
                  ><a
                    href="http://pinterest.com/pin/create/button/?url=https%3A%2F%2Fgamma.1x.com%2Fphoto%2F2217573&amp;media=https%3A%2F%2F1x.com%2Fimages%2Fuser%2F23979ced8df1f8e6d524427ef4c6ad25-ld.jpg"
                    target="_blank"
                    ><span class="photo-detail-share-icon"
                      ><i class="fab fa-pinterest-square"></i></span></a
                ></span>
              </div> -->
              <img
                src="../assets/share.png"
                style="display: none"
                onload="fauximage('2217573','');"
              />
            </div>
          </div>
          <div id="imgcontainer-2218046" class="photos-feed-item">
            <div id="imgcontainersecondary-2218046" class="photos-feed-landscape-2">
              <table cellpadding="0" cellspacing="0" class="photos-feed-item" border="0">
                <tbody>
                  <tr>
                    <td @click="openPhotoSafe('2218046')">
                      <img
                        id="img-2218046"
                        oncontextmenu="alert('This photo is copyrighted'); return false"
                        class="photos-feed-image photos-feed-image-landscape"
                        src="https://seuppcdn01.1x.com/images/user/0328fe154bb556dd98a7f22dc4157fbc-hd4.jpg"
                        onerror="this.src='https://seuppcdn01.1x.com/images/user/0328fe154bb556dd98a7f22dc4157fbc-hd.jpg';"
                      />
                      <div
                        class="photos-feed-data-horizontal-landscape dataalign-2 alldataopen alldata-2218046"
                      >
                        <span
                          style=""
                          class="photos-feed-item-heart"
                          @click="like('2218046')"
                          ><input type="hidden" id="likestate-2218046" value="0" /><i
                            class="far fa-heart"
                            id="heart-2218046"
                          ></i></span
                        ><span
                          @click="
                            location.href =
                              'https://1xondemand.com/featured/switch.html?catalogid=2218046'
                          "
                          id="buyprintlink-2218046"
                          class="photos-feed-item-buyprint"
                          >Buy print</span
                        ><span class="horiz-hide"
                          ><span class="photos-feed-data-name"
                            ><a href="/florarao">Flora Rao</a></span
                          >
                          <span
                            style="display: none !important"
                            class="photos-feed-data-published"
                          ></span
                        ></span>
                      </div>
                      <div
                        id="imgdata-2218046"
                        class="photos-feed-item-buyprint alldataopen alldata-2218046 alldataextra"
                      >
                        Buy print
                      </div>
                    </td>
                    <td
                      class="photos-feed-data alldataopen alldata-2218046"
                      width=""
                      valign="bottom"
                    >
                      <div class="photos-feed-data alldataopen alldata-2218046">
                        <span class="photos-feed-data-title">cowgirl in racing</span>
                        <span class="photos-feed-data-name"
                          ><a href="/florarao">Flora Rao</a></span
                        >
                        <span
                          style="display: none !important"
                          class="photos-feed-data-published"
                        ></span>
                      </div>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div id="photodata-2218046"></div>
          </div>
          <div id="imgcontainer-2218305" class="photos-feed-item">
            <div id="imgcontainersecondary-2218305" class="photos-feed-portrait-1">
              <table cellpadding="0" cellspacing="0" class="photos-feed-item" border="0">
                <tbody>
                  <tr>
                    <td @click="openPhotoSafe('2218305')">
                      <img
                        id="img-2218305"
                        oncontextmenu="alert('This photo is copyrighted'); return false"
                        class="photos-feed-image photos-feed-image-portrait"
                        src="https://seuppcdn01.1x.com/images/user/2029a3e4e577fba62a4c424f423d3f04-hd4.jpg"
                        onerror="this.src='https://seuppcdn01.1x.com/images/user/2029a3e4e577fba62a4c424f423d3f04-hd.jpg';"
                      />
                      <div
                        class="photos-feed-data-horizontal-portrait dataalign-1 alldataopen alldata-2218305"
                      >
                        <span
                          style=""
                          class="photos-feed-item-heart"
                          @click="like('2218305')"
                          ><input type="hidden" id="likestate-2218305" value="0" /><i
                            class="far fa-heart"
                            id="heart-2218305"
                          ></i></span
                        ><span
                          @click="
                            location.href =
                              'https://1xondemand.com/featured/switch.html?catalogid=2218305'
                          "
                          id="buyprintlink-2218305"
                          class="photos-feed-item-buyprint"
                          >Buy print</span
                        ><span class="horiz-hide"
                          ><span class="photos-feed-data-name"
                            ><a href="/davidilkovic">David Ilkovic</a></span
                          >
                          <span
                            style="display: none !important"
                            class="photos-feed-data-published"
                          ></span
                        ></span>
                      </div>
                      <div
                        id="imgdata-2218305"
                        class="photos-feed-item-buyprint alldataopen alldata-2218305 alldataextra"
                      >
                        Buy print
                      </div>
                    </td>
                    <td
                      class="photos-feed-data alldataopen alldata-2218305"
                      width=""
                      valign="bottom"
                    >
                      <div class="photos-feed-data alldataopen alldata-2218305">
                        <span class="photos-feed-data-title">Spring sunset</span>
                        <span class="photos-feed-data-name"
                          ><a href="/davidilkovic">David Ilkovic</a></span
                        >
                        <span
                          style="display: none !important"
                          class="photos-feed-data-published"
                        ></span>
                      </div>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div id="photodata-2218305"></div>
          </div>
          <div id="imgcontainer-2197257" class="photos-feed-item">
            <div id="imgcontainersecondary-2197257" class="photos-feed-portrait-2">
              <table cellpadding="0" cellspacing="0" class="photos-feed-item" border="0">
                <tbody>
                  <tr>
                    <td @click="openPhotoSafe('2197257')">
                      <img
                        id="img-2197257"
                        oncontextmenu="alert('This photo is copyrighted'); return false"
                        class="photos-feed-image photos-feed-image-portrait"
                        src="https://seuppcdn01.1x.com/images/user/a54f93fda89db1065db42f65eea5689e-hd4.jpg"
                        onerror="this.src='https://seuppcdn01.1x.com/images/user/a54f93fda89db1065db42f65eea5689e-hd.jpg';"
                      />
                      <div
                        class="photos-feed-data-horizontal-portrait dataalign-2 alldataopen alldata-2197257"
                      >
                        <span
                          style=""
                          class="photos-feed-item-heart"
                          @click="like('2197257')"
                          ><input type="hidden" id="likestate-2197257" value="0" /><i
                            class="far fa-heart"
                            id="heart-2197257"
                          ></i></span
                        ><span class="horiz-hide"
                          ><span class="photos-feed-data-name"
                            ><a href="/jrana">Rana Jabeen</a></span
                          >
                          <span
                            style="display: none !important"
                            class="photos-feed-data-published"
                          ></span
                        ></span>
                      </div>
                      <div
                        id="imgdata-2197257"
                        class="photos-feed-item-buyprint alldataopen alldata-2197257 alldataextra"
                      >
                        Buy print
                      </div>
                    </td>
                    <td
                      class="photos-feed-data alldataopen alldata-2197257"
                      width=""
                      valign="bottom"
                    >
                      <div class="photos-feed-data alldataopen alldata-2197257">
                        <span class="photos-feed-data-title">Flow</span>
                        <span class="photos-feed-data-name"
                          ><a href="/jrana">Rana Jabeen</a></span
                        >
                        <span
                          style="display: none !important"
                          class="photos-feed-data-published"
                        ></span>
                      </div>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div id="photodata-2197257"></div>
          </div>

          <div id="imgcontainer-2218505" class="photos-feed-item">
            <div id="imgcontainersecondary-2218505" class="photos-feed-landscape-2">
              <table cellpadding="0" cellspacing="0" class="photos-feed-item" border="0">
                <tbody>
                  <tr>
                    <td @click="openPhotoSafe('2218505')">
                      <img
                        id="img-2218505"
                        oncontextmenu="alert('This photo is copyrighted'); return false"
                        class="photos-feed-image photos-feed-image-landscape"
                        src="https://seuppcdn01.1x.com/images/user/cd69f0c37196a004764cc9d50a58957f-hd2.jpg"
                        onerror="this.src='https://seuppcdn01.1x.com/images/user/cd69f0c37196a004764cc9d50a58957f-hd.jpg';"
                      />
                      <div
                        class="photos-feed-data-horizontal-landscape dataalign-2 alldataopen alldata-2218505"
                      >
                        <span
                          style=""
                          class="photos-feed-item-heart"
                          @click="like('2218505')"
                          ><input type="hidden" id="likestate-2218505" value="0" /><i
                            class="far fa-heart"
                            id="heart-2218505"
                          ></i></span
                        ><span class="horiz-hide"
                          ><span class="photos-feed-data-name"
                            ><a href="/karamazovfoto">Vladimir Karamazov</a></span
                          >
                          <span
                            style="display: none !important"
                            class="photos-feed-data-published"
                          ></span
                        ></span>
                      </div>
                      <div
                        id="imgdata-2218505"
                        class="photos-feed-item-buyprint alldataopen alldata-2218505 alldataextra"
                      >
                        Buy print
                      </div>
                    </td>
                    <td
                      class="photos-feed-data alldataopen alldata-2218505"
                      width=""
                      valign="bottom"
                    >
                      <div class="photos-feed-data alldataopen alldata-2218505">
                        <span class="photos-feed-data-title">Street in the ocean</span>
                        <span class="photos-feed-data-name"
                          ><a href="/karamazovfoto">Vladimir Karamazov</a></span
                        >
                        <span
                          style="display: none !important"
                          class="photos-feed-data-published"
                        ></span>
                      </div>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div id="photodata-2218505"></div>
          </div>
          <div id="imgcontainer-2217941" class="photos-feed-item">
            <div id="imgcontainersecondary-2217941" class="photos-feed-landscape-1">
              <table cellpadding="0" cellspacing="0" class="photos-feed-item" border="0">
                <tbody>
                  <tr>
                    <td @click="openPhotoSafe('2217941')">
                      <img
                        id="img-2217941"
                        oncontextmenu="alert('This photo is copyrighted'); return false"
                        class="photos-feed-image photos-feed-image-landscape"
                        src="https://seuppcdn01.1x.com/images/user/4327cdf2e6431eed760c111dd270c057-hd4.jpg"
                        onerror="this.src='https://seuppcdn01.1x.com/images/user/4327cdf2e6431eed760c111dd270c057-hd.jpg';"
                      />
                      <div
                        class="photos-feed-data-horizontal-landscape dataalign-1 alldataopen alldata-2217941"
                      >
                        <span
                          style=""
                          class="photos-feed-item-heart"
                          @click="like('2217941')"
                          ><input type="hidden" id="likestate-2217941" value="0" /><i
                            class="far fa-heart"
                            id="heart-2217941"
                          ></i></span
                        ><span
                          @click="
                            location.href =
                              'https://1xondemand.com/featured/switch.html?catalogid=2217941'
                          "
                          id="buyprintlink-2217941"
                          class="photos-feed-item-buyprint"
                          >Buy print</span
                        ><span class="horiz-hide"
                          ><span class="photos-feed-data-name"
                            ><a href="/alessandrocatta">Alessandro Catta</a></span
                          >
                          <span
                            style="display: none !important"
                            class="photos-feed-data-published"
                          ></span
                        ></span>
                      </div>
                      <div
                        id="imgdata-2217941"
                        class="photos-feed-item-buyprint alldataopen alldata-2217941 alldataextra"
                      >
                        Buy print
                      </div>
                    </td>
                    <td
                      class="photos-feed-data alldataopen alldata-2217941"
                      width=""
                      valign="bottom"
                    >
                      <div class="photos-feed-data alldataopen alldata-2217941">
                        <span class="photos-feed-data-title">Schooling Bannerfishes</span>
                        <span class="photos-feed-data-name"
                          ><a href="/alessandrocatta">Alessandro Catta</a></span
                        >
                        <span
                          style="display: none !important"
                          class="photos-feed-data-published"
                        ></span>
                      </div>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div id="photodata-2217941"></div>
          </div>
          <div id="imgcontainer-2192889" class="photos-feed-item">
            <div id="imgcontainersecondary-2192889" class="photos-feed-landscape-2">
              <table cellpadding="0" cellspacing="0" class="photos-feed-item" border="0">
                <tbody>
                  <tr>
                    <td @click="openPhotoSafe('2192889')">
                      <img
                        id="img-2192889"
                        oncontextmenu="alert('This photo is copyrighted'); return false"
                        class="photos-feed-image photos-feed-image-landscape"
                        src="https://seuppcdn01.1x.com/images/user/1414f6708cc89a79657924c4cfeb8cc4-hd4.jpg"
                        onerror="this.src='https://seuppcdn01.1x.com/images/user/1414f6708cc89a79657924c4cfeb8cc4-hd.jpg';"
                      />
                      <div
                        class="photos-feed-data-horizontal-landscape dataalign-2 alldataopen alldata-2192889"
                      >
                        <span
                          style=""
                          class="photos-feed-item-heart"
                          @click="like('2192889')"
                          ><input type="hidden" id="likestate-2192889" value="0" /><i
                            class="far fa-heart"
                            id="heart-2192889"
                          ></i></span
                        ><span
                          @click="
                            location.href =
                              'https://1xondemand.com/featured/switch.html?catalogid=2192889'
                          "
                          id="buyprintlink-2192889"
                          class="photos-feed-item-buyprint"
                          >Buy print</span
                        ><span class="horiz-hide"
                          ><span class="photos-feed-data-name"
                            ><a href="/picsvet">Svetlin Yosifov</a></span
                          >
                          <span
                            style="display: none !important"
                            class="photos-feed-data-published"
                          ></span
                        ></span>
                      </div>
                      <div
                        id="imgdata-2192889"
                        class="photos-feed-item-buyprint alldataopen alldata-2192889 alldataextra"
                      >
                        Buy print
                      </div>
                    </td>
                    <td
                      class="photos-feed-data alldataopen alldata-2192889"
                      width=""
                      valign="bottom"
                    >
                      <div class="photos-feed-data alldataopen alldata-2192889">
                        <span class="photos-feed-data-title">Mundari's cow</span>
                        <span class="photos-feed-data-name"
                          ><a href="/picsvet">Svetlin Yosifov</a></span
                        >
                        <span
                          style="display: none !important"
                          class="photos-feed-data-published"
                        ></span>
                      </div>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div id="photodata-2192889"></div>
          </div>
          <div id="imgcontainer-1841424" class="photos-feed-item">
            <div id="imgcontainersecondary-1841424" class="photos-feed-landscape-1">
              <table cellpadding="0" cellspacing="0" class="photos-feed-item" border="0">
                <tbody>
                  <tr>
                    <td @click="openPhotoSafe('1841424')">
                      <img
                        id="img-1841424"
                        oncontextmenu="alert('This photo is copyrighted'); return false"
                        class="photos-feed-image photos-feed-image-landscape"
                        src="https://seuppcdn01.1x.com/images/user/57af4f2d4db4ffd64ce925cd81adf1b4-hd2.jpg"
                        onerror="this.src='https://seuppcdn01.1x.com/images/user/57af4f2d4db4ffd64ce925cd81adf1b4-hd.jpg';"
                      />
                      <div
                        class="photos-feed-data-horizontal-landscape dataalign-1 alldataopen alldata-1841424"
                      >
                        <span
                          style=""
                          class="photos-feed-item-heart"
                          @click="like('1841424')"
                          ><input type="hidden" id="likestate-1841424" value="0" /><i
                            class="far fa-heart"
                            id="heart-1841424"
                          ></i></span
                        ><span class="horiz-hide"
                          ><span class="photos-feed-data-name"
                            ><a href="/nika">NIKA</a></span
                          >
                          <span
                            style="display: none !important"
                            class="photos-feed-data-published"
                          ></span
                        ></span>
                      </div>
                      <div
                        id="imgdata-1841424"
                        class="photos-feed-item-buyprint alldataopen alldata-1841424 alldataextra"
                      >
                        Buy print
                      </div>
                    </td>
                    <td
                      class="photos-feed-data alldataopen alldata-1841424"
                      width=""
                      valign="bottom"
                    >
                      <div class="photos-feed-data alldataopen alldata-1841424">
                        <span class="photos-feed-data-title"></span>
                        <span class="photos-feed-data-name"
                          ><a href="/nika">NIKA</a></span
                        >
                        <span
                          style="display: none !important"
                          class="photos-feed-data-published"
                        ></span>
                      </div>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div id="photodata-1841424"></div>
          </div>
          <div id="imgcontainer-1172661" class="photos-feed-item">
            <div id="imgcontainersecondary-1172661" class="photos-feed-landscape-2">
              <table cellpadding="0" cellspacing="0" class="photos-feed-item" border="0">
                <tbody>
                  <tr>
                    <td @click="openPhotoSafe('1172661')">
                      <img
                        id="img-1172661"
                        oncontextmenu="alert('This photo is copyrighted'); return false"
                        class="photos-feed-image photos-feed-image-landscape"
                        src="https://seuppcdn01.1x.com/images/user/0e30bb1b95c6737bf295d876de1de7c4-sd.jpg"
                        onerror="this.src='https://seuppcdn01.1x.com/images/user/0e30bb1b95c6737bf295d876de1de7c4-hd.jpg';"
                      />
                      <div
                        class="photos-feed-data-horizontal-landscape dataalign-2 alldataopen alldata-1172661"
                      >
                        <span
                          style=""
                          class="photos-feed-item-heart"
                          @click="like('1172661')"
                          ><input type="hidden" id="likestate-1172661" value="0" /><i
                            class="far fa-heart"
                            id="heart-1172661"
                          ></i></span
                        ><span class="horiz-hide"
                          ><span class="photos-feed-data-name"
                            ><a href="/jmprojecter">Joan Mercader Illera</a></span
                          >
                          <span
                            style="display: none !important"
                            class="photos-feed-data-published"
                          ></span
                        ></span>
                      </div>
                      <div
                        id="imgdata-1172661"
                        class="photos-feed-item-buyprint alldataopen alldata-1172661 alldataextra"
                      >
                        Buy print
                      </div>
                    </td>
                    <td
                      class="photos-feed-data alldataopen alldata-1172661"
                      width=""
                      valign="bottom"
                    >
                      <div class="photos-feed-data alldataopen alldata-1172661">
                        <span class="photos-feed-data-title">Sunset in Barrika</span>
                        <span class="photos-feed-data-name"
                          ><a href="/jmprojecter">Joan Mercader Illera</a></span
                        >
                        <span
                          style="display: none !important"
                          class="photos-feed-data-published"
                        ></span>
                      </div>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div id="photodata-1172661"></div>
          </div>
          <div id="imgcontainer-2199435" class="photos-feed-item">
            <div id="imgcontainersecondary-2199435" class="photos-feed-landscape-1">
              <table cellpadding="0" cellspacing="0" class="photos-feed-item" border="0">
                <tbody>
                  <tr>
                    <td @click="openPhotoSafe('2199435')">
                      <img
                        id="img-2199435"
                        oncontextmenu="alert('This photo is copyrighted'); return false"
                        class="photos-feed-image photos-feed-image-landscape"
                        src="https://seuppcdn01.1x.com/images/user/8e364a8e9d1b48ca1da20220e7c4f7cc-hd4.jpg"
                        onerror="this.src='https://seuppcdn01.1x.com/images/user/8e364a8e9d1b48ca1da20220e7c4f7cc-hd.jpg';"
                      />
                      <div
                        class="photos-feed-data-horizontal-landscape dataalign-1 alldataopen alldata-2199435"
                      >
                        <span
                          style=""
                          class="photos-feed-item-heart"
                          @click="like('2199435')"
                          ><input type="hidden" id="likestate-2199435" value="0" /><i
                            class="far fa-heart"
                            id="heart-2199435"
                          ></i></span
                        ><span class="horiz-hide"
                          ><span class="photos-feed-data-name"
                            ><a href="/TomasFrolec">Tomas Frolec</a></span
                          >
                          <span
                            style="display: none !important"
                            class="photos-feed-data-published"
                          ></span
                        ></span>
                      </div>
                      <div
                        id="imgdata-2199435"
                        class="photos-feed-item-buyprint alldataopen alldata-2199435 alldataextra"
                      >
                        Buy print
                      </div>
                    </td>
                    <td
                      class="photos-feed-data alldataopen alldata-2199435"
                      width=""
                      valign="bottom"
                    >
                      <div class="photos-feed-data alldataopen alldata-2199435">
                        <span class="photos-feed-data-title">Brooms #3</span>
                        <span class="photos-feed-data-name"
                          ><a href="/TomasFrolec">Tomas Frolec</a></span
                        >
                        <span
                          style="display: none !important"
                          class="photos-feed-data-published"
                        ></span>
                      </div>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div id="photodata-2199435"></div>
          </div>
          <div id="imgcontainer-2217438" class="photos-feed-item">
            <div id="imgcontainersecondary-2217438" class="photos-feed-landscape-2">
              <table cellpadding="0" cellspacing="0" class="photos-feed-item" border="0">
                <tbody>
                  <tr>
                    <td @click="openPhotoSafe('2217438')">
                      <img
                        id="img-2217438"
                        oncontextmenu="alert('This photo is copyrighted'); return false"
                        class="photos-feed-image photos-feed-image-landscape"
                        src="https://seuppcdn01.1x.com/images/user/372e0658ba765d6161cc84a9018bb0a1-hd4.jpg"
                        onerror="this.src='https://seuppcdn01.1x.com/images/user/372e0658ba765d6161cc84a9018bb0a1-hd.jpg';"
                      />
                      <div
                        class="photos-feed-data-horizontal-landscape dataalign-2 alldataopen alldata-2217438"
                      >
                        <span
                          style=""
                          class="photos-feed-item-heart"
                          @click="like('2217438')"
                          ><input type="hidden" id="likestate-2217438" value="0" /><i
                            class="far fa-heart"
                            id="heart-2217438"
                          ></i></span
                        ><span
                          @click="
                            location.href =
                              'https://1xondemand.com/featured/switch.html?catalogid=2217438'
                          "
                          id="buyprintlink-2217438"
                          class="photos-feed-item-buyprint"
                          >Buy print</span
                        ><span class="horiz-hide"
                          ><span class="photos-feed-data-name"
                            ><a href="/meiz1x">Mei Zhang</a></span
                          >
                          <span
                            style="display: none !important"
                            class="photos-feed-data-published"
                          ></span
                        ></span>
                      </div>
                      <div
                        id="imgdata-2217438"
                        class="photos-feed-item-buyprint alldataopen alldata-2217438 alldataextra"
                      >
                        Buy print
                      </div>
                    </td>
                    <td
                      class="photos-feed-data alldataopen alldata-2217438"
                      width=""
                      valign="bottom"
                    >
                      <div class="photos-feed-data alldataopen alldata-2217438">
                        <span class="photos-feed-data-title">Ice</span>
                        <span class="photos-feed-data-name"
                          ><a href="/meiz1x">Mei Zhang</a></span
                        >
                        <span
                          style="display: none !important"
                          class="photos-feed-data-published"
                        ></span>
                      </div>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div id="photodata-2217438"></div>
          </div>
          <div id="imgcontainer-1302407" class="photos-feed-item">
            <div id="imgcontainersecondary-1302407" class="photos-feed-landscape-1">
              <table cellpadding="0" cellspacing="0" class="photos-feed-item" border="0">
                <tbody>
                  <tr>
                    <td @click="openPhotoSafe('1302407')">
                      <img
                        id="img-1302407"
                        oncontextmenu="alert('This photo is copyrighted'); return false"
                        class="photos-feed-image photos-feed-image-landscape"
                        src="https://seuppcdn01.1x.com/images/user/ac3439cf369ef2b708aa1f7661c50eeb-hd4.jpg"
                        onerror="this.src='https://seuppcdn01.1x.com/images/user/ac3439cf369ef2b708aa1f7661c50eeb-hd.jpg';"
                      />
                      <div
                        class="photos-feed-data-horizontal-landscape dataalign-1 alldataopen alldata-1302407"
                      >
                        <span
                          style=""
                          class="photos-feed-item-heart"
                          @click="like('1302407')"
                          ><input type="hidden" id="likestate-1302407" value="0" /><i
                            class="far fa-heart"
                            id="heart-1302407"
                          ></i></span
                        ><span class="horiz-hide"
                          ><span class="photos-feed-data-name"
                            ><a href="/susanmoss">Susan Moss</a></span
                          >
                          <span
                            style="display: none !important"
                            class="photos-feed-data-published"
                          ></span
                        ></span>
                      </div>
                      <div
                        id="imgdata-1302407"
                        class="photos-feed-item-buyprint alldataopen alldata-1302407 alldataextra"
                      >
                        Buy print
                      </div>
                    </td>
                    <td
                      class="photos-feed-data alldataopen alldata-1302407"
                      width=""
                      valign="bottom"
                    >
                      <div class="photos-feed-data alldataopen alldata-1302407">
                        <span class="photos-feed-data-title">Market day</span>
                        <span class="photos-feed-data-name"
                          ><a href="/susanmoss">Susan Moss</a></span
                        >
                        <span
                          style="display: none !important"
                          class="photos-feed-data-published"
                        ></span>
                      </div>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div id="photodata-1302407"></div>
          </div>
          <div id="imgcontainer-2193134" class="photos-feed-item">
            <div id="imgcontainersecondary-2193134" class="photos-feed-landscape-2">
              <table cellpadding="0" cellspacing="0" class="photos-feed-item" border="0">
                <tbody>
                  <tr>
                    <td @click="openPhotoSafe('2193134')">
                      <img
                        id="img-2193134"
                        oncontextmenu="alert('This photo is copyrighted'); return false"
                        class="photos-feed-image photos-feed-image-landscape"
                        src="https://seuppcdn01.1x.com/images/user/62f95ad1044e0ce0e63cda49e14508b6-hd4.jpg"
                        onerror="this.src='https://seuppcdn01.1x.com/images/user/62f95ad1044e0ce0e63cda49e14508b6-hd.jpg';"
                      />
                      <div
                        class="photos-feed-data-horizontal-landscape dataalign-2 alldataopen alldata-2193134"
                      >
                        <span
                          style=""
                          class="photos-feed-item-heart"
                          @click="like('2193134')"
                          ><input type="hidden" id="likestate-2193134" value="0" /><i
                            class="far fa-heart"
                            id="heart-2193134"
                          ></i></span
                        ><span
                          @click="
                            location.href =
                              'https://1xondemand.com/featured/switch.html?catalogid=2193134'
                          "
                          id="buyprintlink-2193134"
                          class="photos-feed-item-buyprint"
                          >Buy print</span
                        ><span class="horiz-hide"
                          ><span class="photos-feed-data-name"
                            ><a href="/trevcole">Trevor Cole</a></span
                          >
                          <span
                            style="display: none !important"
                            class="photos-feed-data-published"
                          ></span
                        ></span>
                      </div>
                      <div
                        id="imgdata-2193134"
                        class="photos-feed-item-buyprint alldataopen alldata-2193134 alldataextra"
                      >
                        Buy print
                      </div>
                    </td>
                    <td
                      class="photos-feed-data alldataopen alldata-2193134"
                      width=""
                      valign="bottom"
                    >
                      <div class="photos-feed-data alldataopen alldata-2193134">
                        <span class="photos-feed-data-title">Man of Sanaa</span>
                        <span class="photos-feed-data-name"
                          ><a href="/trevcole">Trevor Cole</a></span
                        >
                        <span
                          style="display: none !important"
                          class="photos-feed-data-published"
                        ></span>
                      </div>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div id="photodata-2193134"></div>
          </div>
          <div id="imgcontainer-2217895" class="photos-feed-item">
            <div id="imgcontainersecondary-2217895" class="photos-feed-portrait-1">
              <table cellpadding="0" cellspacing="0" class="photos-feed-item" border="0">
                <tbody>
                  <tr>
                    <td @click="openPhotoSafe('2217895')">
                      <img
                        id="img-2217895"
                        oncontextmenu="alert('This photo is copyrighted'); return false"
                        class="photos-feed-image photos-feed-image-portrait"
                        src="https://seuppcdn01.1x.com/images/user/5876eb4155f547469fcea048130940b1-hd4.jpg"
                        onerror="this.src='https://seuppcdn01.1x.com/images/user/5876eb4155f547469fcea048130940b1-hd.jpg';"
                      />
                      <div
                        class="photos-feed-data-horizontal-portrait dataalign-1 alldataopen alldata-2217895"
                      >
                        <span
                          style=""
                          class="photos-feed-item-heart"
                          @click="like('2217895')"
                          ><input type="hidden" id="likestate-2217895" value="0" /><i
                            class="far fa-heart"
                            id="heart-2217895"
                          ></i></span
                        ><span class="horiz-hide"
                          ><span class="photos-feed-data-name"
                            ><a href="/DISHU">SELARU OVIDIU</a></span
                          >
                          <span
                            style="display: none !important"
                            class="photos-feed-data-published"
                          ></span
                        ></span>
                      </div>
                      <div
                        id="imgdata-2217895"
                        class="photos-feed-item-buyprint alldataopen alldata-2217895 alldataextra"
                      >
                        Buy print
                      </div>
                    </td>
                    <td
                      class="photos-feed-data alldataopen alldata-2217895"
                      width=""
                      valign="bottom"
                    >
                      <div class="photos-feed-data alldataopen alldata-2217895">
                        <span class="photos-feed-data-title">Geometry</span>
                        <span class="photos-feed-data-name"
                          ><a href="/DISHU">SELARU OVIDIU</a></span
                        >
                        <span
                          style="display: none !important"
                          class="photos-feed-data-published"
                        ></span>
                      </div>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div id="photodata-2217895"></div>
          </div>
        </div>
        <input type="hidden" id="lm_active" value="1" />
        <input type="hidden" id="lm_mode" value="最受欢迎" />
        <input type="hidden" id="lm_from" value="80" />

        <div class="gallery-loadmore" id="gallery-loadmore" style="opacity: 1">
          <center>
            <div class="lds-ring">
              <div></div>
              <div></div>
              <div></div>
              <div></div>
            </div>
          </center>
        </div>

        <img
          src="https://1x.com../assets/1x-logo-2.png"
          style="display: none"
          onload="doLoadmore();"
        />
      </div>
    </div>
  </div>
</template>

<script>
import $ from "jquery";

export default {
  data() {
    return {
      headerColor: "#409EFF",
      index: "1",
    };
  },
  created() {
    console.log($);
  },
  methods: {
    showpoto: function (e) {
    if (e.target.tagName.toUpperCase() === 'IMG') {
        this.$parent.isshow=false
         this.$router.push('/views/photo')
        let temsrc=e.target.src
        temsrc=temsrc.replace('-ld','-hd4')
        this.$store.state.menu.currentSrc=temsrc
        console.log(this.$store.state.menu.currentSrc)
    }
    },
      
    openPhotoSafe(id) {
      
      var elementid = event.srcElement.id;
      if (elementid.includes("heart")) {
      } else {
        if (elementid.includes("buyprintlink") || elementid.includes("followbuttons")) {
        } else {
          this.openPhoto(id);
        }
      }
    },
    urlupdate(url) {
      if (url) {
        if (url != window.location.pathname) {
          var current_location = window.location.pathname;
          var urlset = url;
          var titleset = "";
          var currentPage = "";
          //urlupdate(document.getElementById('fp_baseurl').value);
          var ida = current_location.split("/");
          var idb = url.split("/");
          if (ida[1] == "photo" && idb[1] == "photo" && ida[1] != ida[2]) {
            //if(pageready == '1') {
            //        urlupdate(document.getElementById('fp_baseurl').value);
            //}
          }
          if (current_location != urlset) {
            history.pushState(currentPage, titleset, urlset);
          }
        }
      }
    },

    openPhoto(id) {
      // alldataopen

      // profile-container-img-

      if ($("#imgdata-" + id).hasClass("alldataclosed")) {
        if (document.getElementById("profile-container-img-" + id) != null) {
          $("#profile-container-img-" + id).removeClass("profile-container-img-open");
        }
        $(".alldata-" + id).removeClass("alldataclosed");
        $("#img-" + id).removeClass("img-open");
        $("#imgcontainer-" + id).removeClass("container-open");
        $("#photodata-" + id).html("");
        //lastopenedphoto = '';
        this.urlupdate(lastopenurl);
        //lastopenurl = '';
      } else {
        if (document.getElementById("profile-container-img-" + id) != null) {
          $("#profile-container-img-" + id).addClass("profile-container-img-open");
        }
        $(".alldata-" + id).addClass("alldataclosed");
        $("#img-" + id).addClass("img-open");
        $("#imgcontainer-" + id).addClass("container-open");
        // document.getElementById('imgcontainer-' + id).onmousedown=blockRightClick;
        // document.getElementById('imgcontainer-' + id).oncontextmenu=blockDownload;

        $([document.documentElement, document.body]).animate(
          {
            scrollTop: $("#imgcontainer-" + id).offset().top + 1,
          },
          500
        );

        // pdata('photoinfo:'+id,'photodata-'+id);
        //lastopenedphoto = id;
      }
    },
  },
};
</script>
